<%-- 
    Document   : index
    Created on : Feb 12, 2012, 6:47:44 PM
    Author     : Admin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>Recruitment</title>
        <link rel="shortcut icon" href="images/favicon.ico"/>
        <link href="css/dark.css" rel="stylesheet" type="text/css" />
        <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
        <link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
        <link href="css/noscript.css" rel="stylesheet" type="text/css" media="screen,all" id="noscript" />
        <!-- Stylesheets End //-->

        <!-- Javascript Start //-->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jqueryslidemenu.js"></script>
        <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
        <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript" src="js/colorpicker.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <script type="text/javascript" src="js/cufon.js"></script>
        <script type="text/javascript" src="js/fonts/ColaborateLight.js"></script>
        <script type="text/javascript" src="js/functions.js"></script>
        <script type="text/javascript" src="js/switcher.js"></script>

        <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider({
                    effect:'random',
                    pauseTime:3000, // How long each slide will show
                    directionNav:true, // Next and Prev navigation
                    directionNavHide:true, // Only show on hover
                    controlNav:true // 1,2,3... navigation
                });
            });
        </script>
        <script type="text/javascript">
            Cufon.replace('h1')('h2')('h3')('h4')('h5')('#myslidemenu a',{hover: 'true'})('#myslidemenu li li a',{textShadow: '1px 1px #ffffff',hover: 'true'})('a.button', {hover: 'true'})('.nivo-caption p');
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div id="topwrapper"></div>
            <div id="mainwrapper">
                <!-- Header Start -->
                <div id="header">
                    <div class="center">
                        <!-- Logo Start -->
                        <div id="logo">
                            <a href="index.jsp"><img src="./images/footerlogo.png" alt="logo" /></a>
                        </div>
                        <!-- Logo End -->

                        <div id="headerright">
                            <!-- Menu Navigation Start -->
                            <div id="mainmenu">
                                <div id="myslidemenu" class="jqueryslidemenu">
                                    <ul>
                                        <li><a href="index.jsp" class="selected">Home</a>
                                        </li>
                                        <li><a href="<c:choose>
                                                   <c:when test="${sessionScope.user == null}">login.jsp</c:when>
                                                   <c:otherwise>find_job.jsp</c:otherwise>
                                               </c:choose>">Find job</a>
                                        </li>
                                        <li><a href="<c:choose>
                                                   <c:when test="${sessionScope.user == null}">login.jsp</c:when>
                                                   <c:otherwise>profile.jsp</c:otherwise>
                                               </c:choose>">Profile</a>
                                        </li>
                                        <li><a href="<c:choose>
                                                   <c:when test="${sessionScope.user == null}">login.jsp</c:when>
                                                   <c:otherwise>my_career.jsp</c:otherwise>
                                               </c:choose>">My career</a>
                                        </li>
                                       
                                        <li><a href="login.jsp">Login</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            </div>
                            <!-- Menu Navigation End -->
                        </div>
                    </div>
                </div>
                <!-- Header End  -->

                <!-- Slideshow Wrapper -->
                <div id="slide-wrapper">
                    <!-- Slideshow Start -->
                    <div id="slider">
                        <a href="#"><img src="./images/iphone.jpg" alt="slide image" /></a> <!-- Slide Item #1 -->
                        <a href="#"><img src="./images/Ruby.jpg" alt="slide image" /></a> <!-- Slide Item #2 -->
                        <a href="#"><img src="./images/php.jpg" alt="slide image" /></a> <!-- Slide Item #3 -->

                    </div>
                    <!-- Slideshow End  -->
                </div>
                <!-- Slideshow Wrapper End -->
                <div class="clear"></div>

                <!-- Features Content -->
                <div id="featuresbox">
                    <ul>
                        <!-- Features Box #1 -->
                        <li class="first">
                            <img src="./images/bar-chart.png" class="alignleft" alt="" />
                            <h4><a href="#">Iphone</a></h4>
                            <div class="clear"></div>
                            <p>Picking up where amazing left off. With a focus on simplicity and productivity. </p>
                        </li>

                        <!-- Features Box #2 -->
                        <li>
                            <img src="./images/fancy-globe.png" class="alignleft" alt="" />
                            <h4><a href="#">Ruby</a></h4>
                            <div class="clear"></div>
                            <p>A dynamic, interpreted, open source programming language.</p>
                        </li>

                        <!-- Features Box #3 -->
                        <li>
                            <img src="./images/processing.png" class="alignleft" alt="" />
                            <h4><a href="#">Php</a></h4>
                            <div class="clear"></div>
                            <p>It provides web developers with a full suite of tools for building dynamic.</p>
                        </li>

                        <!-- Features Box #4 -->
                        <li class="last">
                            <img src="./images/connections.png" class="alignleft" alt="" />
                            <h4><a href="#">Android</a></h4>
                            <div class="clear"></div>
                            <p>Purchase and enjoy instantly on your Android phone or tablet.</p>
                        </li>
                    </ul>
                </div>
                <!-- Features Content End -->

                <div class="clear"></div>
                <div class="center">
                    <!-- Main Content -->
                    <div class="maincontent">
                        <h3>Welcome to Our Site!</h3>
                        <p>Worldup.com is an online recruitment website in USA. Job seekers can find jobs, your careers, and post resumes. Executive Search is the most effective way to find the most suitable Manager, Senior Manager or Director for your company, using our team of consultants with their specialized knowledge and expertise to find the right individual. Web recruiting is an alternative service also available to help you find the most relevant candidates.
                        </p>
                        <br/>
                        <!-- Content Box #1 -->
                        <div class="mainbox">
                            <h4><a href="#">Find job</a></h4>
                            <img src="./images/icon1.png" class="alignleft" alt="" />
                            <p>How to find a job, including where to find job listings, both online and offline, networking, using a headhunter, and more job advice.</p>
                        </div>

                        <!-- Content Box #2 -->
                        <div class="mainbox box-last">
                            <h4><a href="#">Profile</a></h4>
                            <img src="./images/icon2.png" class="alignleft" alt="" />
                            <p>Decide what the world sees when it searches for you. Display the information you care about and make it easy for visitors to get to know you.</p>
                        </div>

                        <div class="spacer"></div>

                        <!-- Content Box #3 -->
                        <div class="mainbox">
                            <h4><a href="#">My career</a></h4>
                            <img src="./images/icon3.png" class="alignleft" alt="" />
                            <p>an interactive recruitment advertising site focused on connecting qualified job seekers with employers in the high-tech.</p>
                        </div>

                        <!-- Content Box #4 -->
                        <div class="mainbox box-last">
                            <h4><a href="#">Contact</a></h4>
                            <img src="./images/icon4.png" class="alignleft" alt="" />
                            <p>You can send to me some your informations. And whatever you think about me.</p>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Sidebar -->
                    <div id="sidebar">

                        <!-- Sidebar Box -->
                        <div class="sidebar nospace">
                            <div class="sidebartop"></div>
                            <div class="sidebarmain">
                                <div class="sidebarcontent">
                                    <h4 class="sidebarheading">Latest Jobs</h4>
                                    <ul class="latestnews">
                                        <jsp:useBean id="jobs" class="model.VacancyModel"/>
                                        <c:forEach var="j" items="${jobs.top5Vacancy}">
                                            <li>
                                                <a href="<c:choose>
                                                   <c:when test="${sessionScope.user == null}">login.jsp</c:when>
                                                   <c:otherwise>#</c:otherwise>
                                               </c:choose>">${j.vacancyTitle}</a>
                                               
                                                <p class="posteddate">Posted on ${j.startDate}</p>
                                            </li>
                                        </c:forEach>
                                    </ul>
                                    <div class="clear"></div>
                                    
                                </div>
                            </div>
                            <div class="sidebarbottom"></div>
                        </div>
                        <!-- Sidebar Box End -->
                    </div>
                    <!-- Sidebar End -->
                </div>
                <div class="clear"></div>
            </div>

            <!-- Footer Start -->
            <div id="bottomwrapper"></div>
            <div id="footer">

                <div class="clear"></div>

            </div>
            <!-- Footer End  -->
        </div>
        <script type="text/javascript">$('#noscript').remove();</script>
        <!-- StyleSheet selection: -->

        <script type="text/javascript">$('#noscript').remove();</script>
    </body>
</html>
